//硬币攻略
import React, { useEffect, useState } from 'react'
import { FlatList, StyleSheet, TouchableOpacity, View, Image, ImageBackground, ScrollView, Dimensions } from 'react-native';
import { Entypo } from '@expo/vector-icons';
import { AntDesign } from '@expo/vector-icons';
import { Divider } from '@rneui/themed';
import { Text, Card, Button, Icon, ButtonGroup } from '@rneui/themed';

const CoinTips = () => {
    return <ScrollView>
        <View>
            <Card>
                <Card.Title>如何获得硬币？</Card.Title>
                <Card.Divider />
                <View style={{ position: "relative", alignItems: "center" }}>
                    <AntDesign name="smile-circle" style={{position:'relative',left:-160}} size={24} color="black" />
                    <Text style={{position:'relative',left:-80,top:-23,fontSize:15,color:'darkgreen'}}>通过签到获得硬币</Text>
                    <Text style={{marginLeft:'0%'}}>用户每天进行登录签到，可以每次获得5枚硬币；</Text>
                    <Text style={{marginLeft:'9.5%'}}>当您连续签到5天后，除了当天的5枚硬币外，还可以获得额外的10个硬币。</Text>
                </View>
            </Card>
        </View>
    </ScrollView>
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    fonts: {
        marginBottom: 8,
    },
    user: {
        flexDirection: 'row',
        marginBottom: 6,
    },
    image: {
        width: 30,
        height: 30,
        marginRight: 10,
    },
    name: {
        fontSize: 16,
        marginTop: 5,
    },
});

export default CoinTips;